import TableData from "@/components/public/el-table-pagination"; //主页面列表
import TableLyout from '@/components/commonPublic/tableLyout.vue'
import tree from "@/components/public/el-trees"; //左侧机构树
import CustomDialog from "@/components/stationProductionPage/BridgeManage/bridgeInformation/index.vue";
import CustomDialog1 from "@/components/stationProductionPage/BridgeManage/bridgeNum/index.vue";
import publicForm from "@/components/materialDataManage/fromCom.vue"; //弹框form
import elBreadcrumb from "@/components/public/el-breadcrumb.vue";
import formJs from "./regexDetail.js"; //新增弹框配置
import {
    getUserCompanyTreeList, //树状图
} from "@/api/request.js";
import {
    getBeamLists, //列表页接口
} from "@/api/BackStage/stationProductionPage/request.js";

export default {
    name: "bridgeInformation",
    data() {
        return {
            name: "bridgeInformation",
            defaultProps: {
                children: "children",
                label: "fShortname",
            },
            treeText: {
                companyId: null,
                userId: null,
            },
            companyTree: "", //所有数据
            treeData: [], //左侧树状图数据
            // 机构树
            highlightBd: true, //左侧机构树停留背景色
            treelength: false, //左侧树显示隐藏
            // checked: true, //查看下级按钮
            showName: "未选择公司",
            checkData: [], //树状图默认选中id

            loading: false,
            btnObj: [], //按钮
            queryCriteriaData: {}, //分页
            searchObj: formJs.searchObj, //搜索条件
            table_config: formJs.table_config, //列表
            // 列表
            getList: {
                fCheckStatus: "1", //0- APP端查询  1-填报人列表  2-场站列表  3-现场列表
                modelType: "2", // 0代办 1已办 不传或传空 表示列表页查询
                page: 1, //页码
                pageSize: 20, //每页条数
                projectId: "", // 查询条件项目ID
                companyId: "", // 查询条件标段ID
                stationId: "", // 查询条件拌合站ID
                machineId: "", // 查询条件拌合机ID
                fCompanyid: "", // 左侧选中组织机构id
                userId: "", // 查询待办或已办时传 列表页查询不传
                startDates: "", // 开始时间
                endDates: "", // 截至时间
                strengthgrade: "", // 强度等级
                keyWord: "", // 工程部位/工程名称 模糊条件
                warningLevel: "", // 预警等级
                fCloseoperation: "", // 闭合状态
                timeDates: "",
                keyType: "", // 上方查询条件设计强度
                fStatus: ""
            },
            isShow: false, //是否显示弹框
            isShow1: false, //是否显示弹框
            statusNum: null, //点击那个按钮
            dataFid: null, //列表详情id
            currentRow: null, //列表详情
            tableData: [],

        };
    },
    components: {
        TableLyout,
        publicForm,
        TableData,
        tree,
        elBreadcrumb,
        CustomDialog,
        CustomDialog1
    },
    mounted() {
        this.userInfo = JSON.parse(sessionStorage.getItem("yjSmart-userInfo"));
        this.getList.fCompanyid = this.userInfo.companyId;
        this.getList.companyId = this.userInfo.companyId;

        this.getDate()
        // this.getTree();
        this.btnRole(this.name)
    },
    methods: {
        refreshList() { //刷新列表
            this.$nextTick(() => {
                this.yj_searchForm(this.getList);
            })
        },
        closeDialog() {
            this.isShow = false;
            this.isShow1 = false;
        },
        // 左侧树结构
        getTree() {
            this.treeText = {
                companyId: this.userInfo.companyId,
                userId: this.userInfo.userId,
                text: "1", // 0其他  1 砼拌合站 2水稳 3沥青
            };
            getUserCompanyTreeList(this.treeText)
                .then((res) => {
                    if (res.errcode == 0) {
                        var companyTree = res.data.userCompanyTreeList;
                        this.treeData = this.commonJs.tranListToTreeData(companyTree);
                        if (this.treeData[0].children == undefined) {
                            this.treelength = false; //左侧组织机构是否显示
                        } else {
                            this.treelength = true;
                        }

                        if (this.checkData[0]) {
                            this.showName = JSON.parse(
                                sessionStorage.getItem("yjSmart-treeCheck")
                            ).fShortname;
                            this.getList.fCompanyid = this.checkData[0];
                        } else {
                            this.showName = this.treeData[0].fShortname; //当前点击组织机构名称
                            this.getList.fCompanyid = this.treeData[0].fCompanyid; //当前点击组织机构ID
                            this.checkData[0] = this.treeData[0].fCompanyid;
                        }

                        this.yj_searchForm(this.getList); // 调用主页面列表接口
                        // 列表
                    } else {
                        this.$message.error(res.msg);
                        return false;
                    }
                })
                .catch(() => {
                    return false;
                });
        },
        // 点击左侧机构树
        handleNodeClick(data) {
            this.showName = data.fShortname; //顶部显示机构名
            this.getList.fCompanyid = data.fCompanyid;
            this.getList.page = 1;
            this.getList.pageSize = 20;
            this.yj_searchForm(this.getList);
        },
        handleRow() { },
        btnRole(name) {
            if (this.userInfo.userId != 'System') {
                var btnList = [];
                var ModuleList = JSON.parse(sessionStorage.getItem("yjSmart-ModuleList"));
                if (ModuleList.length > 0) {
                    ModuleList.map((item) => {
                        if (item.fEncode == name) {
                            btnList = item.modulebuttonList;
                        }
                    });
                    btnList.map(item => {
                        item['disabled'] = false
                    })
                    this.btnObj = btnList
                }
            } else {
                this.btnObj = formJs.btnObj
            }
        },
        getBtnName(name, status) {
            this.statusNum = status
            this.yj_edit(status);
        },

        // 新增/编辑
        yj_edit(num) {
            if (num == 7) { //查看
                if (this.dataFid != null) {
                    this.statusNum = 7;
                    this.isShow = true;
                } else {
                    this.$message.warning("请先选择需要查看的数据");
                }
            }
        },
        // 查看
        yj_viewForm(row, label) {
            this.currentRow = row;
            this.dataFid = row.fId;
            this.statusNum = 7;
            if (label == "梁板数量(片)") {
                this.isShow1 = true;
            }
        },
        // 点击当前行变色
        rowChange(val) {
            this.currentRow = val
            this.dataFid = val.fId;
        },

        // 获取列表数据
        yj_searchForm(data) {
            window.sessionStorage.setItem(
                "yjSmart-getList",
                JSON.stringify(data)
            );
            var obj = {
                fCompanyid: data.fCompanyid, //左侧选中组织机构id
                page: data.page, //当前页码
                pageSize: data.pageSize, //每页显示条数
                userId: this.userInfo.userId, //查询待办或已办时传 列表页查询不传
                modelType: 2, //0-待办 1-已办 传2 表示列表页查询
            }
            this.loading = true;
            var that = this;
            getBeamLists(obj)
                .then((res) => {
                    if (res.errcode == 0) {
                        that.loading = false;
                        that.tableData = res.data.precastBeamLists.list;
                        that.queryCriteriaData = res.data.precastBeamLists;
                    } else {
                        this.$message.error("列表数据获取失败", res.msg);
                        this.loading = false;
                    }
                })
                .catch((error) => {
                    this.$message.error("列表数据 接口出错", error.msg);
                    this.loading = false;
                });
        },
        selectTime(e) {
            if (e[0] != "" && e[1] != "") {
                this.getList.startDates = e[0] + " " + "00:00:00"; // 开始时间
                this.getList.endDates = e[1] + " " + "23:59:59"; // 截至时间
            } else {
                this.getList.startDates = ""; // 开始时间
                this.getList.endDates = ""; // 截至时间
            }
            this.getList.timeDates = [e[0] + " " + "00:00:00", e[1] + " " + "23:59:59"]

            this.yj_searchForm(this.getList);

        },
        getDate() {
            if (JSON.parse(sessionStorage.getItem("yjSmart-treeCheck"))) {
                var id = JSON.parse(sessionStorage.getItem("yjSmart-treeCheck"));
                this.checkData = [id.fCompanyid];
            }
            this.getTree();
            if (JSON.parse(sessionStorage.getItem("yjSmart-getList"))) {
                var data = JSON.parse(sessionStorage.getItem("yjSmart-getList"));
                this.getList = {
                    fCheckStatus: "1", //0- APP端查询  1-填报人列表  2-场站列表  3-现场列表
                    modelType: "2", // 0代办 1已办 不传或传空 表示列表页查询
                    page: 1, //当前页码
                    pageSize: 20, //每页显示条数
                    fCompanyid: data.fCompanyid, //左侧选中组织机构id
                    projectId: data.projectId, // 查询条件项目ID
                    companyId: data.companyId, // 查询条件标段ID
                    stationId: data.stationId, // 查询条件拌合站ID
                    machineId: data.machineId, // 查询条件拌合机ID
                    userId: this.userInfo.userId, // 查询待办或已办时传 列表页查询不传
                    startDates: data.startDates, // 开始时间
                    endDates: data.endDates, // 截至时间
                    strengthgrade: data.strengthgrade, // 强度等级
                    keyWord: data.keyWord, // 工程部位/工程名称 模糊条件
                    warningLevel: data.warningLevel, // 预警等级
                    fCloseoperation: data.fCloseoperation, // 闭合状态
                    keyType: data.keyType, // 上方查询条件设计强度
                    fStatus: data.fStatus,
                    timeDates: [data.startDates, data.endDates],
                };
            } else {
                this.getList.startDates = this.common.getDay(-6) + " " + "00:00:00"; // 开始时间
                this.getList.endDates = this.common.getDay(0) + " " + "23:59:59"; // 截至时间
                this.getList.timeDates = [this.getList.startDates, this.getList.endDates]
            }
        },

    },
};